/*!
 * vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee
 * Released under the MIT License.
 * https://vue-treeselect.js.org/
 */

/**
 * Dependencies
 */

/**
 * Variables
 */

/**
 * Mixins
 */

/**
 * Helpers
 */
.vue-treeselect-helper-hide {
    display: none;
}
.vue-treeselect-helper-zoom-effect-off {
    transform: none !important;
}

/**
 * Animations
 */
@keyframes vue-treeselect-animation-fade-in {
    0% {
        opacity: 0;
    }
}
@keyframes vue-treeselect-animation-bounce {
    0%,
    100% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
}
@keyframes vue-treeselect-animation-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/**
 * Transitions
 */
.vue-treeselect__multi-value-item--transition-enter-active,
.vue-treeselect__multi-value-item--transition-leave-active {
    transition-duration: 200ms;
    transition-property: transform, opacity;
}
.vue-treeselect__multi-value-item--transition-enter-active {
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__multi-value-item--transition-leave-active {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute;
}
.vue-treeselect__multi-value-item--transition-enter,
.vue-treeselect__multi-value-item--transition-leave-to {
    transform: scale(0.7);
    opacity: 0;
}
.vue-treeselect__multi-value-item--transition-move {
    transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
}

/**
 * Namespace
 */
.vue-treeselect {
    position: relative;
    text-align: left;
}
[dir='rtl'] .vue-treeselect {
    text-align: right;
}
.vue-treeselect div,
.vue-treeselect span {
    box-sizing: border-box;
}
.vue-treeselect svg {
    fill: currentcolor;
}

/**
 * Control
 */
.vue-treeselect__control {
    display: table;
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    height: 36px;
    border-radius: 5px;
    table-layout: fixed;
    transition-duration: 200ms;
    transition-property: border-color, box-shadow, width, height,
        background-color, opacity;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    @include background_color('cover');
    @include border_color($color: 'border-base');
    @include background_color('cover');
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
.vue-treeselect__control:hover {
    @include border_color($color: 'border-base');
}
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
    @include border_color($color: 'border-light');

    box-shadow: 0 0 0 3px rgb(3 155 229 / 10%);
}
.vue-treeselect--disabled .vue-treeselect__control {
    background-color: #f9f9f9;
}
.vue-treeselect--open .vue-treeselect__control {
    @include border_color($color: 'border-base');
}
.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.vue-treeselect__value-container,
.vue-treeselect__multi-value {
    width: 100%;
    vertical-align: middle;
}
.vue-treeselect__value-container {
    position: relative;
    display: table-cell;
}
.vue-treeselect--searchable:not(.vue-treeselect--disabled)
.vue-treeselect__value-container {
    cursor: text;
}
.vue-treeselect__multi-value {
    display: inline-block;
}
.vue-treeselect--has-value .vue-treeselect__multi-value {
    margin-bottom: 5px;
}
.vue-treeselect__placeholder,
.vue-treeselect__single-value {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 34px;
    user-select: none;
    user-select: none;
    user-select: none;
    pointer-events: none;
}
.vue-treeselect__placeholder {
    @include font_color('text-primary');
}
.vue-treeselect__single-value {
    @include font_color('text-primary');
}
.vue-treeselect--focused.vue-treeselect--searchable
.vue-treeselect__single-value {
    @include font_color('text-primary');
}
.vue-treeselect--disabled .vue-treeselect__single-value {
    position: static;
}
.vue-treeselect__multi-value-item-container {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}
[dir='rtl'] .vue-treeselect__multi-value-item-container {
    padding-right: 0;
    padding-left: 5px;
}
.vue-treeselect__multi-value-item {
    display: inline-table;
    padding: 2px 0;
    //   color: #fff;
    font-size: 12px;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: top;
    @include background_color('cover');
    @include font_color('text-primary');
}
.vue-treeselect:not(.vue-treeselect--disabled)
.vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover
.vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new)
.vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover {
    cursor: pointer;
    @include background_color('primary');
    @include font_color('text-primary');
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
    cursor: default;
    @include background_color('cover');
    @include font_color('text-primary');
}
.vue-treeselect--disabled .vue-treeselect__multi-value-item {
    cursor: default;
    @include background_color('cover');
    @include border_color($color: 'border-base');
    @include font_color('text-primary');
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new {
    @include background_color('cover');
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
    @include background_color('cover');
}
.vue-treeselect__value-remove,
.vue-treeselect__multi-value-label {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    @include font_color('text-primary');
}
.vue-treeselect__value-remove {
    @include font_color('text-primary');

    padding-left: 5px;
    @include border_color_only($direction: 'left', $color: 'border-base');

    line-height: 0;
}
[dir='rtl'] .vue-treeselect__value-remove {
    border-left: 0 none;
    @include border_color_only($direction: 'right', $color: 'border-base');
}
.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
    color: #e53935;
}
.vue-treeselect--disabled .vue-treeselect__value-remove,
.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
    display: none;
}
.vue-treeselect__value-remove > svg {
    width: 6px;
    height: 6px;
}
.vue-treeselect__multi-value-label {
    padding-right: 5px;
    white-space: pre-line;
    user-select: none;
    user-select: none;
    user-select: none;
}
.vue-treeselect__limit-tip {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}
[dir='rtl'] .vue-treeselect__limit-tip {
    padding-right: 0;
    padding-left: 5px;
}
.vue-treeselect__limit-tip-text {
    cursor: default;
    display: block;
    margin: 2px 0;
    padding: 1px 0;
    @include font_color('text-primary');

    font-size: 12px;
    font-weight: 600;
}
.vue-treeselect__input-container {
    display: block;
    max-width: 100%;
    outline: none;
}
.vue-treeselect--single .vue-treeselect__input-container {
    height: 100%;
    font-size: inherit;
}
.vue-treeselect--multi .vue-treeselect__input-container {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}
.vue-treeselect--searchable .vue-treeselect__input-container {
    padding-right: 5px;
    padding-left: 5px;
}
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value
.vue-treeselect__input-container {
    padding-top: 5px;
    padding-left: 0;
}
[dir='rtl']
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value
.vue-treeselect__input-container {
    padding-right: 0;
    padding-left: 5px;
}
.vue-treeselect--disabled .vue-treeselect__input-container {
    display: none;
}
.vue-treeselect__input,
.vue-treeselect__sizer {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.vue-treeselect__input {
    margin: 0;
    padding: 0;
    max-width: 100%;
    border: 0;
    background: none transparent;
    outline: none;
    box-shadow: none;
    box-sizing: content-box;
    line-height: inherit;
    vertical-align: middle;
    @include font_color('text-primary');
}
.vue-treeselect__input::-ms-clear {
    display: none;
}
.vue-treeselect--single .vue-treeselect__input {
    width: 100%;
    height: 100%;
}
.vue-treeselect--multi .vue-treeselect__input {
    padding-top: 3px;
    padding-bottom: 3px;
}
.vue-treeselect--has-value .vue-treeselect__input {
    line-height: inherit;
    vertical-align: middle;
}
.vue-treeselect__sizer {
    position: absolute;
    top: 0;
    left: 0;
    overflow: scroll;
    height: 0;
    white-space: pre;
    visibility: hidden;
}
.vue-treeselect__x-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
    cursor: pointer;
    @include font_color('text-primary');

    animation: 200ms vue-treeselect-animation-fade-in
        cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__x-container:hover {
    @include font_color('text-primary');
}
.vue-treeselect__x {
    width: 8px;
    height: 8px;
}
.vue-treeselect__control-arrow-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
    cursor: pointer;
}
.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
    cursor: default;
}
.vue-treeselect__control-arrow {
    width: 9px;
    height: 9px;
    @include font_color('text-primary');
}
.vue-treeselect:not(.vue-treeselect--disabled)
.vue-treeselect__control-arrow-container:hover
.vue-treeselect__control-arrow {
    @include font_color('text-primary');
}
.vue-treeselect--disabled .vue-treeselect__control-arrow {
    opacity: 0.35;
}
.vue-treeselect__control-arrow--rotated {
    transform: rotate(180deg);
    transform: rotateZ(180deg);
}

/**
 * Menu
 */
.vue-treeselect__menu-container {
    position: absolute;
    left: 0;
    overflow: visible;
    width: 100%;
    transition: 0s;
}
.vue-treeselect--open-below:not(.vue-treeselect--append-to-body)
.vue-treeselect__menu-container {
    top: 100%;
}
.vue-treeselect--open-above:not(.vue-treeselect--append-to-body)
.vue-treeselect__menu-container {
    bottom: 100%;
}
.vue-treeselect__menu {
    position: absolute;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: auto;
    cursor: default;
    line-height: 180%;
    -webkit-overflow-scrolling: touch;
    @include border_color($color: 'border-base');
    @include font_color($color: 'text-primary');
    @include background_color('cover');
}
.vue-treeselect--open-below .vue-treeselect__menu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 0;
    margin-top: -1px;
    @include border_color_only($direction: 'top', $color: 'border-base');

    box-shadow: 0 1px 0 rgb(0 0 0 / 6%);
}
.vue-treeselect--open-above .vue-treeselect__menu {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 0;
    margin-bottom: -1px;
    @include border_color_only($direction: 'bottom', $color: 'border-base');
}
.vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-left: 5px;
}
[dir='rtl'] .vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-right: 5px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-0 .vue-treeselect__tip {
    padding-left: 25px;
}
[dir='rtl'] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
    padding-right: 25px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-1 .vue-treeselect__option {
    padding-left: 25px;
}
[dir='rtl'] .vue-treeselect__indent-level-1 .vue-treeselect__option {
    padding-right: 25px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-1 .vue-treeselect__tip {
    padding-left: 45px;
}
[dir='rtl'] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
    padding-right: 45px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-2 .vue-treeselect__option {
    padding-left: 45px;
}
[dir='rtl'] .vue-treeselect__indent-level-2 .vue-treeselect__option {
    padding-right: 45px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-2 .vue-treeselect__tip {
    padding-left: 65px;
}
[dir='rtl'] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
    padding-right: 65px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-3 .vue-treeselect__option {
    padding-left: 65px;
}
[dir='rtl'] .vue-treeselect__indent-level-3 .vue-treeselect__option {
    padding-right: 65px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-3 .vue-treeselect__tip {
    padding-left: 85px;
}
[dir='rtl'] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
    padding-right: 85px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-4 .vue-treeselect__option {
    padding-left: 85px;
}
[dir='rtl'] .vue-treeselect__indent-level-4 .vue-treeselect__option {
    padding-right: 85px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-4 .vue-treeselect__tip {
    padding-left: 105px;
}
[dir='rtl'] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
    padding-right: 105px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-5 .vue-treeselect__option {
    padding-left: 105px;
}
[dir='rtl'] .vue-treeselect__indent-level-5 .vue-treeselect__option {
    padding-right: 105px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-5 .vue-treeselect__tip {
    padding-left: 125px;
}
[dir='rtl'] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
    padding-right: 125px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-6 .vue-treeselect__option {
    padding-left: 125px;
}
[dir='rtl'] .vue-treeselect__indent-level-6 .vue-treeselect__option {
    padding-right: 125px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-6 .vue-treeselect__tip {
    padding-left: 145px;
}
[dir='rtl'] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
    padding-right: 145px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-7 .vue-treeselect__option {
    padding-left: 145px;
}
[dir='rtl'] .vue-treeselect__indent-level-7 .vue-treeselect__option {
    padding-right: 145px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-7 .vue-treeselect__tip {
    padding-left: 165px;
}
[dir='rtl'] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
    padding-right: 165px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-8 .vue-treeselect__option {
    padding-left: 165px;
}
[dir='rtl'] .vue-treeselect__indent-level-8 .vue-treeselect__option {
    padding-right: 165px;
    padding-left: 5px;
}
.vue-treeselect__indent-level-8 .vue-treeselect__tip {
    padding-left: 185px;
}
[dir='rtl'] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
    padding-right: 185px;
    padding-left: 5px;
}
.vue-treeselect__option {
    display: table;
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    table-layout: fixed;
}
.vue-treeselect__option--highlight {
    @include background_color('cover');
}
.vue-treeselect--single .vue-treeselect__option--selected {
    @include background_color('cover');

    font-weight: 600;
}
.vue-treeselect--single .vue-treeselect__option--selected:hover {
    @include background_color('cover');
}
.vue-treeselect__option--hide {
    display: none;
}
.vue-treeselect__option-arrow-container,
.vue-treeselect__option-arrow-placeholder {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
}
.vue-treeselect__option-arrow-container {
    cursor: pointer;
}
.vue-treeselect__option-arrow {
    display: inline-block;
    width: 9px;
    height: 9px;
    @include font_color('text-primary');

    vertical-align: middle;
    transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1);
    transform: rotate(-90deg);
    transform: rotateZ(-90deg);
}
[dir='rtl'] .vue-treeselect__option-arrow {
    transform: rotate(90deg);
    transform: rotateZ(90deg);
}
.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow,
.vue-treeselect--branch-nodes-disabled
.vue-treeselect__option:hover
.vue-treeselect__option-arrow {
    @include font_color('text-primary');
}
.vue-treeselect__option-arrow--rotated {
    transform: rotate(0);
    transform: rotateZ(0);
}
[dir='rtl'] .vue-treeselect__option-arrow--rotated {
    transform: rotate(0);
    transform: rotateZ(0);
}
.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
    transform: rotate(-90deg) !important;
    transform: rotateZ(-90deg) !important;
}
[dir='rtl']
.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
    transform: rotate(90deg) !important;
    transform: rotateZ(90deg) !important;
}
.vue-treeselect__label-container {
    vertical-align: middle;
    cursor: pointer;
    display: table;
    width: 100%;
    table-layout: fixed;
    color: inherit;
}
.vue-treeselect__option--disabled .vue-treeselect__label-container {
    cursor: not-allowed;
    @include font_color('text-primary');
}
.vue-treeselect__checkbox-container {
    display: table-cell;
    width: 20px;
    min-width: 20px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.vue-treeselect__checkbox {
    position: relative;
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__check-mark,
.vue-treeselect__minus-mark {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 200ms all ease;
}
.vue-treeselect__minus-mark {
    width: 8px;
    height: 8px;
    background-image: url('');
    background-size: 8px 8px;
}
@media (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .vue-treeselect__minus-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .vue-treeselect__minus-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .vue-treeselect__minus-mark {
        background-image: url('');
    }
}
.vue-treeselect__checkbox--indeterminate > .vue-treeselect__minus-mark {
    opacity: 1;
}
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url('');
}
@media (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image: url('');
    }
}
.vue-treeselect__check-mark {
    width: 8px;
    height: 8px;
    background-image: url('');
    background-size: 8px 8px;
    transform: scaleY(0.125);
}
@media (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .vue-treeselect__check-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .vue-treeselect__check-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .vue-treeselect__check-mark {
        background-image: url('');
    }
}
.vue-treeselect__checkbox--checked > .vue-treeselect__check-mark {
    opacity: 1;
    transform: scaleY(1);
}
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url('');
}
@media (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image: url('');
    }
}
@media (min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image: url('');
    }
}
.vue-treeselect__checkbox--unchecked {
    @include border_color($color: 'border-base');
    @include background_color('cover');
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
    @include border_color($color: 'border-light');
    @include background_color('cover');
}
.vue-treeselect__checkbox--indeterminate {
    @include border_color($color: 'border-light');
    @include background_color('primary');
}
.vue-treeselect__label-container:hover
.vue-treeselect__checkbox--indeterminate {
    @include border_color($color: 'border-light');
    @include background_color('primary');
}
.vue-treeselect__checkbox--checked {
    @include border_color($color: 'border-light');
    @include background_color('primary');
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
    @include border_color($color: 'border-light');
    @include background_color('primary');
}
.vue-treeselect__checkbox--disabled {
    @include border_color($color: 'border-base');
    @include background_color('cover');
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
    @include border_color($color: 'border-base');
    @include background_color('cover');
}
.vue-treeselect__label {
    display: table-cell;
    overflow: hidden;
    padding-left: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    cursor: inherit;
}
[dir='rtl'] .vue-treeselect__label {
    padding-right: 5px;
    padding-left: 0;
}
.vue-treeselect__count {
    margin-left: 5px;
    font-weight: 400;
    opacity: 0.6;
}
[dir='rtl'] .vue-treeselect__count {
    margin-right: 5px;
    margin-left: 0;
}
.vue-treeselect__tip {
    display: table;
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    table-layout: fixed;
    @include font_color('text-primary');
}
.vue-treeselect__tip-text {
    display: table-cell;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.vue-treeselect__error-tip .vue-treeselect__retry {
    cursor: pointer;
    margin-left: 5px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    @include font_color('text-primary');
}
[dir='rtl'] .vue-treeselect__error-tip .vue-treeselect__retry {
    margin-right: 5px;
    margin-left: 0;
}
.vue-treeselect__icon-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
}
.vue-treeselect--single .vue-treeselect__icon-container {
    padding-left: 5px;
}
[dir='rtl'] .vue-treeselect--single .vue-treeselect__icon-container {
    padding-right: 5px;
    padding-left: 0;
}
.vue-treeselect__icon-warning {
    position: relative;
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fb8c00;
}
.vue-treeselect__icon-warning::after {
    position: absolute;
    top: 2.5px;
    left: 5px;
    display: block;
    width: 2px;
    height: 1px;
    border-top-width: 5px;
    border-bottom-width: 1px;
    content: '';
    @include border_color($color: 'border-base');
}
.vue-treeselect__icon-error {
    position: relative;
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e53935;
}
.vue-treeselect__icon-error::before,
.vue-treeselect__icon-error::after {
    position: absolute;
    display: block;
    content: '';
    transform: rotate(45deg);
    @include background_color('cover');
}
.vue-treeselect__icon-error::before {
    top: 5px;
    left: 3px;
    width: 6px;
    height: 2px;
}
.vue-treeselect__icon-error::after {
    top: 3px;
    left: 5px;
    width: 2px;
    height: 6px;
}
.vue-treeselect__icon-loader {
    position: relative;
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    text-align: center;
    animation: 1.6s vue-treeselect-animation-rotate linear infinite;
}
.vue-treeselect__icon-loader::before,
.vue-treeselect__icon-loader::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
    content: '';
    animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite;
}
.vue-treeselect__icon-loader::before {
    @include background_color('primary');
}
.vue-treeselect__icon-loader::after {
    background: #b3e5fc;
    animation-delay: -0.8s;
}

/**
 * Menu Portal
 */
.vue-treeselect__menu-placeholder {
    display: none;
}
.vue-treeselect__portal-target {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999!important;
    display: block;
    overflow: visible;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;
    box-sizing: border-box;
}
